<template>
<!-- App -->
<div id="app" class="theme-orange">
  <!-- Statusbar -->
  <f7-statusbar></f7-statusbar>
  <!-- Left Panel -->
  <left-panel></left-panel>

  <!-- Views -->
  <f7-views>
    <!-- Main View -->
    <f7-view id="view-main" main navbar-through :dynamic-navbar="true" url2="/list/">
      <f7-pages><f7-page></f7-page></f7-pages>
    </f7-view>
  </f7-views>

  <!-- login -->
  <login></login>
</div>
</template>

<script>
import LeftPanel from './left-panel'
import Login from './login'

export default {
  name: 'app',
  components: {
    LeftPanel,
    Login
  }
}
</script>

<style lang="scss">
.view-main {
  .navbar {
    .buttons-row {
      width: 200px;
    }
  }
}
</style>
